* {
    padding: 0;
    margin: 0;
    box-sizing: none;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* 窗口上方导航栏 */
.bigBox .naviBar {
    position: absolute;
    left: 0;
    top: 0;
    user-select: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    float: left;
    width: 100%;
    height: 40px;
    background-color: rgba(105, 105, 105);
    color: white;
    z-index: 1;
}

/* 导航栏标题 */
.naviBar .naviBarTitle {
    float: left;
    width: 250px;
    text-align: center;
    line-height: 40px;
    font-size: 26pt;
    font-weight: 500;
}

/* 导航栏标题a */
.naviBar .naviBarTitle a {
    text-decoration: none;
    color: white;
}

/* 导航栏中item */
.naviBar .naviBarItem {
    margin-left: 5px;
    float: left;
    width: 100px;
    height: 100%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

/* 导航栏中item选中样式 */
.naviBar .naviBarItem:hover,
.naviBar .naviBarItem:focus {
    background-color: rgba(255, 255, 255, .4);
}

/* 窗口左侧列表图层 */
.bigBox .left-LayerList {
    position: absolute;
    left: 0;
    top: 41px;
    float: left;
    width: 250px;
    height: 100%;
    background-color: rgba(105, 105, 105, .7);
    z-index: 1;
}

/* 列表图层 */
.left-LayerList ul {
    list-style: none;
    padding: 0 !important;
}

.left-LayerList ul li {
    width: 250px;
    height: 20px;
    align-items: center;
}

/* 列表图层标题 */
.left-LayerList .left-LayerListTitle {
    height: 30px;
    font-size: 14pt;
    color: white;
    font-size: 16pt;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    line-height: 30px;
    user-select: none;
}

/* 列表图层item */
.left-LayerList .left-LayerListItem {
    float: left;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: white;
}

/* 图层显示/删除 按钮 */
.left-LayerList .left-LayerListItem .left-LayerListItemShow,
.left-LayerListItemDel {
    margin-top: 5px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    float: right;
    border-radius: 45px;
    user-select: none;
    line-height: 20px;
    cursor: pointer;
    /* background-color: red; */
}






/* cesium组件 */
/* 搜索按钮 */
.cesium-viewer-geocoderContainer {
    position: absolute;
    right: 80px;
    z-index: 2;
}

/* fps显示 */
.cesium-performanceDisplay-defaultContainer {
    position: absolute;
    top: 5px !important;
    right: 20px !important;
    z-index: 2;
}

.cesium-performanceDisplay {
    padding: 0 !important;
    background-color: rgba(105, 105, 105) !important;
    border: none !important;
}


/* 公共显示 */
/* 图层添加结果 */
.liveAlertPlaceholder {
    z-index: 2;
    position: absolute;
    top: 45px;
    left: 48%;
    width: 80px;
    height: 20px;
    line-height: 16px;
    background-color: rgba(0, 255, 0);
    border: 2px solid rgba(0, 128, 0);
    text-align: center;
    display: none;
}

/* 图层添加表单 */
.layerAddForm {
    z-index: 1;
    position: absolute;
    top: 40%;
    left: 40%;
    width: 400px;
    height: 220px;
    background-color: whitesmoke;
    display: none;
}

/* 图层添加表单 标题 */
.layerAddForm .layerAddFormTitle {
    background-color: rgba(105, 105, 105);
    color: white;
}

/* 图层添加表单 标题 */
.layerAddForm .layerAddFormTitle label {
    margin-left: 5px;
}

/* 图层添加表单 关闭键 */
.layerAddForm .layerAddFormClose {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

/* 图层添加表单 控制url输入框宽度 */
.inputInput {
    margin-top: 10px;
    width: 100% !important;
}

/* 图层添加表单 输入框 */
.inputDiv {
    margin-bottom: 0 !important;
}

.inputDiv label {
    margin-top: 10px;
    margin-left: 10px;
}

.inputDiv .col-sm-10 {
    width: 50%;
}

/* ...快速获取公司地址名称 */
.inputDiv .getLayerBtn {
    display: block;
    margin-top: 20px;
    margin-left: 20px;
    width: 30px;
    height: 20px;
    text-align: center;
    line-height: 10px;
    cursor: pointer;
}

/* 图层添加表单 设置btn样式 */
.layerAddForm .btnGroup {
    margin-top: 15px;
}

.layerAddForm .btnGroup .btnItem01 {
    margin-left: 100px;
}

.layerAddForm .btnGroup .btnItem02 {
    margin-left: 80px;
}

/* 调整bootstrap中控件位置 */
.layerAddForm .col-form-label {
    padding: 0 !important;
    padding-bottom: 0 !important;

}

.layerAddForm .row {
    --bs-gutter-x: none !important;
    --bs-gutter-y: none !important;
}

.layerAddForm .col-sm-2 {
    width: 30%;
}